
#sudoku_grid
{
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px; /* For Netscape 6.1, which does not correctly implement border-collapse, but is still workable via CSS */

	text-align: center;
	margin: auto;

	cursor: default;
}

#sudoku_grid th
{
	height: 36px;
	width: 36px;

	border: 0px;
	padding: 0px;
}

#sudoku_grid td
{
	height: 36px;
	width: 36px;

	border: 1px solid #000;
	padding: 0px;
}

#sudoku_grid td:hover
{
	background-color: #eee;
}

#sudoku_grid .clue
{
	font-weight: bold;
}

#sudoku_grid .filled_content
{
	font-size: 18pt;
}

#sudoku_grid .notation_content
{
	color: #666;
	font-size: 6pt;
	font-weight: normal;
}

#sudoku_grid .blank_content
{
	visibility: hidden;
}

#sudoku_grid .highlight_strong, #sudoku_grid .highlight_strong:hover { background-color: #ff9; }
#sudoku_grid .highlight_weak, #sudoku_grid .highlight_weak:hover { background-color: #ffc; }
#sudoku_grid .highlight_good, #sudoku_grid .highlight_good:hover { background-color: #cfc; } /* indicate desirable content */
#sudoku_grid .highlight_bad, #sudoku_grid .highlight_bad:hover { background-color: #f99; } /* indicate undesirable content */
